import React from "react";
import * as ReactDOM from "react-dom";
import 'antd/dist/antd.css';
import './index.css';
import Main from "./main";
import Typography from "antd/es/typography";
import Title from "antd/es/typography/Title";
import Paragraph from "antd/es/typography/Paragraph";
import Text from "antd/es/typography/Text";

function App() {
    return (
        <div className={'wrapper'}>
            <Typography>
            <Title>游戏名：吃星星</Title>
            <Main/>
            <div>
                <Title level={4}>玩法说明</Title>
                <Paragraph>玩家1 <Text code>A</Text> 向左 <Text code>B</Text> 向右 <Text code>W</Text> 跳</Paragraph>
                <Paragraph>玩家2 <Text code>←</Text> 向左 <Text code>→</Text> 向右 <Text code>↑</Text> 跳</Paragraph>
            </div>
            </Typography>
        </div>
    )
}

ReactDOM.render(
    <App/>,
    document.getElementById('root')
);
